<div class="page-left">
  <div class="title" routerLink="/" style="cursor: pointer;">
    <img src="../../assets/img/LOGO-bai-300.png" alt="">
    <span>电子政务实训平台</span>
  </div>
  <ul nz-menu [nzMode]="'inline'" nzTheme='dark' style="width: 240px;">
    <li nz-submenu *ngIf="userRoleType==2" [nzOpen]="'true'">
      <span title>
        <i class="anticon anticon-user" *ngIf="table==2"></i>教师管理</span>
      <ul class="line">
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="['./teacherclassindex']">
            <i class="anticon anticon-swap"></i>班级管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="['./teacherstudentindex']">
            <i class="anticon anticon-solution"></i>学生管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="['./student-join-class']">
            <i class="anticon anticon-solution"></i>学生加入申请
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="['./scoremanager']">
            <i class="anticon anticon-plus-square-o"></i>课程管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
            <a [routerLink]="['./mytrainindex']">
              <i class="anticon anticon-solution"></i>学生演练
              <span></span>
            </a>
          </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="['./notice']">
            <i class="anticon anticon-message"></i>通知管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="[ './feedIndex' ]">
            <i class="anticon anticon-credit-card"></i>反馈信息
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="[ './studentchatindex' ]">
            <i class="anticon anticon-credit-card"></i>学生聊天<nz-badge *ngIf="messages" [nzCount]="messages"></nz-badge>
            <span></span>
          </a>
        </li>
      </ul>
    </li>
    <li nz-submenu *ngIf="userRoleType==3" [nzOpen]="'true'">
      <span title>
        <i class="anticon anticon-laptop"></i>主题演练</span>
      <ul class="line">
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="['./studentstdindex']">
            <i class="anticon anticon-team"></i>班级列表
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="['./studenttrainindex']">
            <i class="anticon anticon-book"></i>实训项目
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="['./mytrainindex']">
            <i class="anticon anticon-solution"></i>我的实训
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="[ '/app/mydrill/hall']">
            <i class="anticon anticon-shop"></i>演练大厅
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="['./myscoreindex']">
            <i class="anticon anticon-schedule"></i>我的成绩
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="[ './feedIndex' ]">
            <i class="anticon anticon-credit-card"></i>反馈信息
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="[ './studentchatindex' ]">
            <i class="anticon anticon-credit-card"></i>学生聊天 <nz-badge *ngIf="messages" [nzCount]="messages"></nz-badge>
            <span>
            </span>
          </a>
        </li>
      </ul>
    </li>
    <li nz-submenu *ngIf="userRoleType==0" [nzOpen]="'true'">
      <span title>
        <i class="anticon anticon-setting"></i>系统管理</span>
      <ul class="line">
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0">
          <a [routerLink]="[ './dictionary' ]">
            <i class="anticon anticon-database"></i>数据字典
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0">
          <a [routerLink]="[ './systemform' ]">
            <i class="anticon anticon-appstore-o"></i>表单管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0">
          <a [routerLink]="[ './management' ]">
            <i class="anticon anticon-home"></i>院校信息管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0">
          <a [routerLink]="[ './schoolindex' ]">
            <i class="anticon anticon-appstore"></i>学院管理员管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0">
          <a [routerLink]="[ './authoritymanagement' ]">
            <i class="anticon anticon-user"></i>学院资源权限管理
            <span></span>
          </a>
        </li>

        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="[ './feedIndex' ]">
            <i class="anticon anticon-credit-card"></i>反馈信息
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0">
          <a [routerLink]="[ './drill' ]">
            <i class="anticon anticon-logout"></i>实训项目管理
            <span></span>
          </a>
        </li>

      </ul>
    </li>
    <li nz-submenu *ngIf="userRoleType==1||userRoleType==0" [nzOpen]="'true'">
      <span title>
        <i class="anticon anticon-laptop"></i>院校管理员端</span>
      <ul class="line">
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0 || userRoleType==1">
          <a [routerLink]="[ './faculty' ]">
            <i class="anticon anticon-bars"></i>系管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0||userRoleType==1">
          <a [routerLink]="[ './teacherindex' ]">
            <!-- <i class="anticon anticon-solution"></i>教师管理 -->
            <i nz-icon type="solution" theme="outline"></i>教师管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0||userRoleType==1">
          <a [routerLink]="[ './classindex' ]">
            <i class="anticon anticon-scan"></i>班级管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0||userRoleType==1">
          <a [routerLink]="[ './studentindex' ]">
            <i class="anticon anticon-team"></i>学生管理
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0||userRoleType==1">
          <a [routerLink]="[ '../videoteaching' ]">
            <i class="anticon anticon-video-camera"></i>视频教学
            <span></span>
          </a>
        </li>
        <li [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item *ngIf="userRoleType==0||userRoleType==1">
          <a [routerLink]="[ '../trainingprocess' ]">
            <i class="anticon anticon-retweet"></i>实训流程
            <span></span>
          </a>
        </li>
        <li *ngIf="userRoleType==1" [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="[ './feedIndex' ]">
            <i class="anticon anticon-credit-card"></i>反馈信息
            <span></span>
          </a>
        </li>
        <li *ngIf="userRoleType==1" [routerLinkActive]="'ant-menu-item-selected'" nz-menu-item>
          <a [routerLink]="['./notice']">
            <i class="anticon anticon-message"></i>通知管理
            <span></span>
          </a>
        </li>

      </ul>
    </li>
  </ul>
</div>
<nz-header>
  <p class="top-p" style="font-size: 14px;">
    你好，用户
    <span style="font-weight: bold;font-size: 18px;">{{userName}}</span>，欢迎登录实训演练系统
    <span style="font-weight: bold;font-size: 18px;">{{userRoleType==0 ? "超级管理员":userRoleType==1 ?
      "管理员":userRoleType==2 ? "教师端":"学生端"}}</span>。
    <span class="fr" (click)="logout()">
      <a>
        <img class="logout" src="./assets/img/logout.png" alt="">
        <span style="font-weight: bold;font-size: 18px;">退出</span>
      </a>
    </span>
    <span class="fr">
      <a [routerLink]="['./user-content']">
        <i class="anticon anticon-user"></i>
        <span style="font-weight: bold;font-size: 18px;">用户信息</span>
      </a>
    </span>
  </p>
</nz-header>
<nz-breadcrumb *ngIf="arPath && arPath.length>0">
  <nz-breadcrumb-item>
    <i class="anticon anticon-environment-o" style="color:#ef4954;font-size: 16px;margin-left:24px;"></i>
    位置：
  </nz-breadcrumb-item>
  <nz-breadcrumb-item *ngFor="let item of arPath">{{item}}</nz-breadcrumb-item>
</nz-breadcrumb>
<div class="route-box">
  <router-outlet></router-outlet>
</div>
